/*
Theme Name: Greet Galaxy
Author URI: https://www.thegeminigeeks.com/
Version: 2.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/
:root {
  /* Color Variables: */
--primarycolor:#000;
--secondarycolor:#9731C5;
--tertiarycolor:#0EBBB7;
--fourthcolor:#eacdae;	
--fifthcolor:#2446B2;	
  /* Font Variables: */
--primaryfont:'Roboto', sans-serif;
--sectionspace:3.5rem;
}
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #fff;font-family: var(--primaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#454545;font-weight: 400;font-size: 1rem;line-height: 1.8;text-rendering: optimizeLegibility;}
a img {border: none;}
a {color:#000;text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
.clear {clear: both;}
.divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 1.2rem 0;padding: 20px 0 0 0;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}

#scroll {position: fixed;right: 10px;bottom: 10px;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;}
#scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;}
#scroll:hover {background-color:var(--tertiarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.inner {width: 92%;margin: 0 auto;max-width: 100%;}
.overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;}

.header_area {position:relative;top: 0;left: 0;width: 100%;z-index: 999;overflow: hidden;background-image: linear-gradient(to bottom, #05007A, #4D007D);}
.home .header_area{position: absolute; background: transparent}
.header_area .row{align-items:center}
.header_area .grid{display: grid; grid-template-columns: 17% auto; align-items: center}

#logo{display:flex;}
#logo img{width:220px;}
.site-menu-toggle{display: none;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);font-weight:600;}
h1 {font-size: 42px;text-transform: uppercase;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 15px;}
h6 {font-size: 16px;}
.menu-bar {text-align: left;width: 30px;}
.menu-bar span {height:2px;background:var(--tertiarycolor);display:block;margin-bottom:6px; transition:0.6s ease-in-out;}
.menu-bar:hover span{background:#fff; }
.menu-bar span:nth-child(1) {width:17px}
.menu-bar span:nth-child(2) {width:30px}
.menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0}

.list li {list-style :none;padding: 12px 0px 12px 1.6rem;/*! display: flex; */list-style-position: inside;align-items: baseline;position:relative;line-height: 1.5;border-bottom: 1px dashed #ccc;}
.list li:before{color:var(--tertiarycolor);content: "\f061";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:13px; font-size:15px; }

.line{width:200px ; height:4px ; margin:0 auto;}

#scrolleffect {padding-top: 6.25rem; margin-top: -6.25rem;}
.smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center}

.btn-primary{color: var(--primarycolor);transition: .6s ease-in-out;width: 45px;padding: 5px 25px;background: linear-gradient(45deg, #06008C, #CC7BFF);height: 45px;display: flex;align-items: center;justify-content: center;font-size: 20px;border-radius: 12px;position:relative;z-index:1; overflow: hidden}
.btn-primary:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; transform:scale(0.93);border-radius:12px; background:#fff}
.btn-primary:hover{font-size:22px;}
.btn-primary i{background: linear-gradient(45deg, #06008C, #CC7BFF);  -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

.more-btn{padding: 10px 35px;justify-content:center;border: 1px solid var(--secondarycolor);margin:1rem 0;display:inline-block}
.more-btn:hover{background:var(--secondarycolor);color:#fff !important; }

.yt-btn{background: var(--secondarycolor);border:none !important;border-radius: 10px; padding:2px 8px 2px 4px; transition:0.6s ease-in-out;} 
.yt-btn:hover{background:var(--tertiarycolor);}
.yt-btn:after{display: none !important;}
.yt-btn i{background:#fff; color:red; padding:2px 3px; margin:2px; border-radius:5px }

.heading{display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;border-bottom: 10px solid var(--fifthcolor);margin-bottom: 1.5rem;padding: 0 15px 10px;}
.heading h2{margin-bottom: 0; text-transform: uppercase; font-weight:500;}
.heading a{border-bottom: 2px solid #997C5C ; line-height: 20px; text-transform:uppercase;}

.heading-2{display: flex; justify-content: stretch;align-items: center; margin-bottom: 1.5rem;}
.heading-2 h2{flex:1 0 430px;width: 100%;text-align: center; margin-bottom: 0; text-transform: uppercase;max-width: 100%;}
.heading-2 span{flex:1 0; height: 10px; background: var(--tertiarycolor)}

#hero-section .text-area{text-align:center;position: absolute ; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column;align-items: center; justify-content: flex-end;z-index: 99;padding: 0 15px;}
#hero-section h1{ font-weight: 100; color: #fff; font-size: 45px}
#hero-section h1 span{color: var(--secondarycolor); font-weight:600;}
#hero-section h3{color: var(--tertiarycolor); font-weight: 400; text-transform: uppercase; letter-spacing:2px; margin-bottom:0.5rem}

#hero-section .text-area > .inner{margin-top: 2.5rem; margin-bottom:0.9rem;}
#hero-section .cat-box{width: 100%; margin:0rem auto 1.5rem;}
#hero-section .cat-box .cat-title{color: #fff; margin-bottom: 0; margin-top: 0.5rem;font-size: 18px;}
#hero-section .cat-box .image{ transition: 0.5s ease-in-out; height: 150px; border: 1px solid #fff; border-radius: 10px;display: grid; place-items: center;backdrop-filter: blur(4px);}
#hero-section .cat-box:hover .image{background: #fff3}
#hero-section .cat-box .image img{width: 140px}

#hero-section  .owl-dots, #yt-shorts .owl-dots { transition: 0.6s ease-in-out;text-align: center;position: absolute;left: 0;right: 0; margin-top:-1.5rem; display:unset}
#hero-section .owl-dot.owl-dot, #yt-shorts .owl-dot.owl-dot {display: inline-block;width:9px; height:7px; background:#ccc; border-radius:100px; margin:5px 5px;transition: 0.6s ease-in-out;}
#hero-section .owl-dots .active, #yt-shorts .owl-dots .active{width: 25px; background: var(--secondarycolor)}

section{margin-bottom: var(--sectionspace);}
#seaction-1{padding: 5rem 0 3rem; background:var(--fourthcolor);}
#seaction-1 .row .row{width: 50%}
.Hpost-items{width: calc(50% - 1.5rem); margin: 0 auto 1.4rem;height: fit-content;position: sticky;top: 0;}
.side-post{width: calc(100%/2 - 1.4rem); margin: 0 auto 1.4rem;}
.post-items{width: calc(100%/4 - 1.4rem) ; margin:  0 auto 1.4rem;}

.side-post img, .Hpost-items img{border-radius: 15px}

.Hpost-items h3{padding: 15px 10px 0; text-align: center; line-height:1.3;font-weight: 500;font-size: 20px;}
.side-post h3{font-size:16px; font-weight:500;margin-bottom: 0;line-height:1.5; margin-top: 10px;text-align: center;}

#seaction-2 .heading{border-color: var(--secondarycolor)}
#seaction-2 .row .row{width: 50%}

#yt-shorts .owl-nav .owl-next, #yt-shorts .owl-prev {position: absolute;top:48%;transition: 0.6s;}
#yt-shorts  .owl-nav i{font-size:40px;color: #808080; transition:0.6s ease-in-out;}
#yt-shorts  .owl-nav i:hover{color: var(--secondarycolor)}
#yt-shorts  .owl-nav .owl-next:hover, #trending .owl-nav .owl-prev:hover {color: #fff; transition: 0.6s;}
#yt-shorts .owl-nav .owl-prev {left:-4rem;display: block;transition: 0.6s; }
#yt-shorts .owl-nav .owl-next {right: -4rem;display: block;transition: 0.6s;}

#seaction-3 .heading{border-color:#E2960C}

.search-form{ display:flex; margin: 0.5rem 0 0;max-width: 100%;}
.search-form label{width: 37rem; max-width:100%;}
.search-form button{ cursor:pointer;border-radius: 0px 5px 5px 0px;margin-left:-0.2rem;transition:0.5s ease; background: var(--secondarycolor); border:none;padding:0px 58px;font-size:: color: #fff;font-size: 16px; text-transform:uppercase; color: #fff; font-weight: 500; }
.search-form button:hover{background: var(--tertiarycolor)}
.search-form input{width:100%;border:none;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;font-size:17px;padding: 14px 20px; }
.search-form input:focus{border: none; outline: none}

#yt-shorts{padding: 0 10px}

#about{padding: 4rem 0;float: left;width: 100%;text-align: center;}
#about p{margin: 15px 0;}

.column{column-count: 2;margin:25px 0 !important;}
.column3{column-count: 3;}

#sidebar .search-form button{padding:0 20px; background: var(--fifthcolor);}
#sidebar .search-form label{width: 100%}

#sidebar h2{background: var(--secondarycolor);color: #fff;padding: 10px 10px;font-size:1.2rem; border-left:8px solid var(--tertiarycolor); }
#sidebar:last-child{margin-top: 3rem; position: sticky; top: 1rem}

.post-items h3{list-style: none;font-size: 1rem; min-height: 58px;display: flex;justify-content: center;align-items: center;text-align: center;background: #f1f1f1;padding: 15px 10px;}

#page-sidebar{width:100%;float:left;padding:3rem 0px;}
#page-sidebar .grid{display: grid; grid-template-columns: 67% auto;gap:2rem;}
#page-sidebar h1{text-align: center;}
#page-sidebar .post-items{width:calc(100%/3 - 1rem); transition:0.6s ease-in-out;}
#page-sidebar .post-items:hover{transition:0.6s ease-in-out;transform: translateY(-10px);}

#single-post h1{text-align: left; text-transform: capitalize; font-size:30px;font-weight: 600;margin-bottom: 1.2rem;}
#single-post p:empty{display: none;}
#single-post .content > p{ position: relative; background: #f5f5f5; color: #000; padding: 10px 20px; font-size: 18px;line-height:29px ;margin-bottom: 1.5rem;border: 2px dashed #ccc;line-height: 34px;display: flow-root;}
#single-post .wp-caption{ max-width: 90% !important; margin: 0 auto 1.7rem;border-radius: 15px;overflow: hidden;border: 1px solid #ccc;}
#single-post .wp-caption p{margin: 0;background: #faf3eb; font-weight: 500; padding: 15px 20px 15px;font-size:17px;border: 0;line-height: 1.6;color: #000;border-top: 1px solid #ccc;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;gap: 1.5rem;line-height: 1.5;}
#single-post .wp-caption .copy{display: none}
#single-post .heateor_sss_sharing_container{border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 1.5rem;}
#single-post .tags{ padding-top:1.5rem;border-top: 1px dashed #000;margin-top: 2rem;display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;}
#single-post .tags b{text-transform: uppercase; color: var(--primarycolor);font-size:18px}
#single-post .tags a{background: #fbfbfb; padding: 5px 10px;border-radius:5px; border:1px solid #ebebeb; }

#single-post .download a{background:#2BA22B;color:#fff!important;padding:1px 10px 1px 10px;border-radius:5px;font-size:12px; line-height:18px;display:block;transition:background 0.5s linear;text-decoration:none;}
#single-post .download a:hover {background:#207B20; color:#fff!important;}

.copy{  transition:0.5s ease; background: #fff; border: none;position:relative;z-index: 2;  cursor: pointer;display: flex;justify-content: center;align-items: center;border-radius: 7px 7px 0px 7px;font-weight: 500;height: 36px;width: 36px;font-size: 21px;position: relative;float: right;margin-right: 0px;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;color: var(--secondarycolor);}
.copy i{position: relative;z-index: 2}
.copy .copy-status{color: #000; font-size: 12px; padding: 2px 5px;border-radius: 10px;position: absolute; top:-50%;opacity:0;transform: scalex(0);z-index: 0; background: #fff;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;transition: 0.2s ease;width: 50px;border: none;text-align: center;}
.copy:hover{background: var(--secondarycolor); color: #fff}
#single-post p:empty{display: none}

.post-dis .heateor_sss_sharing_container , .post-dis .heateorSssClear , .post-dis .copy{display: none}
#single-post .post-dis p{color: #454545; font-size:17px;margin-bottom: 0.9rem;}

#single-post .post{margin:0 0 15px 0; padding: 0 15px}
#single-post .post > p{/*! border:1px solid #9994; */ background:#f5f5f5; color:#000; text-align:center; padding:10px 18px;margin-bottom: 1rem;text-align: left;border-radius: 7px;display: flow-root;font-size: 17px;font-weight: 400;border: 1px dashed #9998;} 
.post p span.img-caption {display:block;background:var(--secondarycolor);padding:5px;text-align:center; color:#fff;}
.wp-caption{width:100%!important; width:100%;  
	margin:0 auto 1rem; border:1px solid #ccc; }
#single-post img{width:100%;}

#relatedpost {padding:1rem 0;}
#relatedpost h2{background: var(--secondarycolor);color: #fff;padding: 10px 10px;font-size:1.2rem; border-left:8px solid var(--tertiarycolor); margin-top:10px;}
#relatedpost .post-items{width: calc(100%/ 2 - 10px);padding:5px;}
#relatedpost .post-items h3{background: #faf3eb; font-weight: 500;line-height: 1.5;min-height: 72px;border: 1px solid #9994;}

.catname{padding:0 10px;}
.post {padding: 10px;margin: 0 0 10px 0;}
.post p {margin-bottom:1rem}
.post p a {font-weight: bold;}
.post a {color: #000;}
.post ul {margin: 10px 0 0px 0px;}
.post ul li {list-style :none;margin: 0 0px 10px 0px;display: flex;list-style-position: inside;}
.post ul li:before{color: #F47E49;content: "\f00c";margin-right: 8px;font-family:'Font Awesome 5 Free';font-weight:900}

.side-bar{padding:0 10px;}

#pagetitle {padding:2.4rem 0 2.6rem;width: 100%;text-align: center;background:#f1f1f1;color:#fff;background-size:cover;}
#pagetitle h1 {color:#000;text-align: center; font-size:33px;margin-bottom: 1.3rem;}
#pagetitle p {text-align: center;font-size: 20px;}
#pagetitle .search-form{width: 27rem; max-width: 100%; margin:  0 auto; }
#pagetitle .search-form button{padding: 5px 30px}

#pagetitle p , #pagetitle .breadcrumb  , #pagetitle .breadcrumb a {color: #252525;}
.breadcrumb {list-style: none; border-radius:4px; max-width: 100%; float: none; font-size: 13px; text-transform: uppercase; font-weight:400; margin-bottom: 1.5rem; margin-left: 0.5rem; font-size: 15px;margin-top: 5px;}
.breadcrumb a:hover{color:var(--tertiarycolor);}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900}
#pagetitle .breadcrumb{margin-bottom: 0}

.post-template-default #pagetitle{padding: 2rem 10px}

#main{padding: 3rem 0;}
#main p{color:var(--primarycolor);font-size: 16px;text-align:justify;}
#main a{color:var(--secondarycolor)}
#main a:hover{color:var(--primarycolor);}
#main h3{border-bottom: 1px solid #eee;line-height: 50px;}
#main li{list-style: none;line-height: 30px;color: var(--primarycolor);}

.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 1.5rem 0;}
.wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;}
.wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);}

#footer {clear: both;background:#32007B;color: #fff;padding:0.7rem 0;text-align: center;font-size:14px;font-weight: 600;}
#footer a {color: #fff;}
#footer a:hover {color:var(--tertiarycolor);}
.fleft {float: left;}
.fright {float: right;}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.site-menu-toggle{display: block;color: var(--tertiarycolor)!important;}
.site-navbar{display: none;}

#logo{display:flex;align-items:center;justify-content:space-between;padding: 0 15px;}
#logo .site-title{margin: 10px 0;}
#logo img{width: 170px;height: auto;float:left;}
	
.fleft, .fright {float: none;}
#top-bar{display: none;}
.grid{ grid-template-columns: 100% !important;; }
#hero-section .cat-box  .image img{width: 120px; }
#hero-section .cat-box .image{height: 120px}
.search-form label{width: 100%;}
#hero-section .text-area{align-items: stretch}
#hero-section .text-area > .inner{margin-top: 3rem; margin-bottom: 1.5rem}
#hero-section{height: 600px !important;}
#sidebar{padding:0 1rem;}
#yt-shorts	.item{margin-bottom:1.5rem; }	
.yt-btn{text-align: center !important; color: #fff !important; margin-top: 1.5rem; width:fit-content; padding:5px 15px!important;}
.yt-btn a{color: #fff !important;}		
}

@media screen and (min-width: 981px) {
.site-menu-toggle{display:none;}
#yt-shorts .owl-dots {display: none;}		
}

@media screen and (max-width: 800px) {
#slider #deskslider{display:none}
#slider #mobslider{display:block}
.Hpost-items{width: calc(100% - 0.6rem);position: relative;}
.row .row{width: 100% !important;}
.side-post{width: calc(100%/2 - 1rem); margin-bottom:1rem;}
.post-items{width: calc(100%/2 - 1rem)!important;}
h1{font-size: 30px}
h2{font-size: 25px}
.yt-btn{text-align: center !important; color: #fff !important; margin-top: 1.5rem}
	.yt-btn{width:fit-content; padding:5px 15px!important;} 
.yt-btn a{color: #fff !important;}	
}

@media screen and (max-width: 600px) {
.wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink  {padding: 0.3rem 0.6rem !important;}
.wp-pagenavi span.current{padding:0.8rem}
.column, .column3, .column4{column-count:1}
#hero-section{height:630px !important;}
#hero-section h3{font-size: 18px}
.search-form button{padding: 0 28px}
.floating-icone{display: none}
.yt-btn{text-align: center !important; color: #fff !important; margin-top: 1.5rem}
.yt-btn a{color: #fff !important;}
.heading{ justify-content: center}
.heading h2{margin-bottom: 0.5rem; width: 100%; text-align: center;}
#page-sidebar .post-items, #relatedpost .post-items{width:100%!important;}
	#yt-shorts{margin-bottom: 6rem}
	#hero-section .owl-dots, #yt-shorts .owl-dots{margin-top: 0.5rem;}
	#hero-section .owl-dot.owl-dot, #yt-shorts .owl-dot.owl-dot{height: 15px; width: 15px}
	.side-post h3 , .post-items h3{font-size: 14px}
	#seaction-1{padding: 3rem 0 2rem}
	#single-post .wp-caption{max-width: 100% !important;}
}

@media (min-width: 576px) {
.container-fluid {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-fluid {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-fluid {
max-width: 1040px;
}
}
@media (min-width: 1200px) {
.container-fluid {
max-width: 1350px;
}
}